body,
html {
  overflow: hidden;
}
.list-content {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  padding: 0px;
  height: auto;
}
.list-content .top-header {
  display: block;
  width: 100%;
  height: 46px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
.list-content .top-header .content {
  padding: 0 20px;
  line-height: 46px;
}
.list-content .top-header .content span {
  vertical-align: middle;
  color: #4d6277;
  font-weight: 700;
}
.list-content .search-box {
  padding: 10px;
  border: 1px solid #e4e9ee;
  background-color: #FFF;
  height: 40px;
  margin: 10px;
  border: 1px solid #ccc;
  width: calc(100% - 40px);
}
.list-content .search-box .layui-form-label {
  width: auto!important;
}
.list-content .list-box {
  padding: 10px;
  margin: 0 10px;
  height: calc(100% - 126px);
  display: block;
  flex-direction: column;
  flex-shrink: 1;
  background: #ffffff;
  overflow-y: auto;
  position: relative;
  background-color: #FFF;
  border: 1px solid #ccc;
}
.list-content .list-box #page_box {
  text-align: center;
}
